page-team-team-increase{
    $activeColor:#3baa49;
    $titleColor:#1f212a;
    @function pxTovw($px) {
        @return $px/1080*100vw;
    }
    .scroll-content {
        overflow-y: hidden;
        -webkit-overflow-scrolling: auto;
    }
    .datetime_error {
        border-color: #da5c56!important;
        .datetime-text {
            color: #da5c56!important;
        }
    }
    button[disabled]{
        background-color: #b7b7b7 !important;
    }
    ul,li{
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0;
        color: $titleColor;
    }
    .search-bar{
        width:88.88vw;
        margin:0 auto;
        display:flex;
        justify-content: space-between;
        align-items: center;

        .division{
            width:2.08vw;
            height:1px;
            background-color:#666;
        }
        .title{
            font-size:4.17vw;
        }
        ion-datetime{
            width: 21.57vw;
            height: 7.41vw;
            border-radius:2vw;
            border:1px solid #d0d0d0;
            position:relative;
            padding:0;

            .datetime-text{
                display:flex;
                justify-content: center;
                align-items: center;
                color: #666;
                font-size: 3.89vw;
            }
        }
        button[myBtn]{
            width:15.64vw;
            height:8.33vw;
            padding:0;
            line-height: 7.5vw;
            font-size: pxTovw(45);
            color: #fff;
            background-color:#35ac63;
            border-radius: pxTovw(15);
        }
    }
    //切换团队与个人
    .toteam{
        .scroll-content{
            margin-bottom: 14.6666667vw !important;
        }
    }
    //团队增员
    .group_bar{
        padding:pxTovw(40) 0;
    }
    .title_wrapper{
        width: 100%;
        background-color: #fff;
    }
    .group_sel{
        box-sizing: border-box;
        padding: pxTovw(35) pxTovw(60);
        border-top: pxTovw(1) solid #e9e9e9;
        border-bottom: pxTovw(1) solid #e9e9e9;
        height: pxTovw(150);
        span{
            position: relative;
            display: inline-block;
            padding: 0 pxTovw(84) 0 pxTovw(30);
            height: pxTovw(80);
            line-height: pxTovw(80);
            border: 1px solid #d0d0d0;
            border-radius: pxTovw(12);
            i{
                position: absolute;
                width: pxTovw(24);
                height: pxTovw(24);
                top: pxTovw(28);
                right: pxTovw(30);
                display: inline-block;
                background: url("../assets/images/common/arrow.png") 0 0 no-repeat;
                background-size: pxTovw(24) pxTovw(24);
            }
        }
    }
    .group_title{
        padding: 3vw pxTovw(20);
        width: 100%;
        font-size: 0;
        box-shadow: 0 1vw 2vw #eee;
        >ul{
            display: flex;
            align-items: center;
        }
        li{
            font-size: pxTovw(42);
            font-weight: bold;
            &:first-child{
                width: pxTovw(230);
            }
            &:nth-child(2),&:nth-child(3){
                width: pxTovw(180);
            }
            &:nth-child(4),&:nth-child(5){
                width: pxTovw(150);
            }
            &:nth-child(6){
                flex-grow: 1;
            }
        }
    }
    .endless-list{
        position: relative;
        background-color: #f5f5f5;
        .is-loading-promot{
            position: static;
            margin-top: - pxTovw(150);
        }
        .team_detail_list{
            li{
                background-color: #fff;
                border-radius: pxTovw(12);
            }
        }
    }
    .team_detail_list{
        &:last-child{
            padding-bottom: pxTovw(185);
        }
        text-align: center;
        >ul>li{
            margin: pxTovw(40) auto 0;
            text-align: center;
            width: pxTovw(1040);
            border-radius: pxTovw(10);
            box-shadow: 0 .5vw 2vw .2vw #ddd;
            >ul{
                display: flex;
            }
            li{
                text-align: center;
                font-size: pxTovw(36);
                line-height: pxTovw(145);
                &:first-child{
                    width: pxTovw(230);
                }
                &:nth-child(2),&:nth-child(3){
                    width: pxTovw(180);
                }
                &:nth-child(4),&:nth-child(5){
                    width: pxTovw(150);
                }
                &:nth-child(6){
                    flex-grow: 1;
                }
            }
        }
    }
    .states_panel{
        box-sizing: border-box;
        width: 100%;
        font-size: 0;
        padding: 0 pxTovw(20);
        background-image: -webkit-linear-gradient(to right, #63b24c, #018c6e);
        background-image: linear-gradient(to right, #63b24c, #018c6e);
        ul{
            display: flex;
            align-items: center;
        }
        li{
            font-size: pxTovw(42);
            color: #fff;
            line-height: pxTovw(160);
            &:first-child{
                width: pxTovw(230);
            }
            &:nth-child(2),&:nth-child(3){
                width: pxTovw(180);
            }
            &:nth-child(4),&:nth-child(5){
                width: pxTovw(150);
            }
            &:nth-child(6){
                flex-grow: 1;
            }
        }
    }
    //个人增员
    .col {
        padding: 0;
    }
    .toolbar-ios {
        .menu {
            width: 6.5vw;
            height: 5.5vw;
            display: block;
            background-size: cover;
            background-image: url(../assets/images/client/client-filter/icon_menu.png);
            background-repeat: no-repeat;
        }
        ion-title {
            height: 100%;
            padding: 0 pxTovw(150);
        }
        .toolbar-title-ios {
            .nav-btn {
                height: 100%;
                color: #fff;
                background-color: transparent;
                font-size: 5vw;
                padding: 0;
                text-align: center;
                &_active {
                    color: rgb(255, 202, 55);
                }
                &:nth-of-type(2) {
                    margin-left: pxTovw(110);
                }
            }
        }
    }

    .talent-total {
        width: 100%;
        height: pxTovw(400);
        padding:0 pxTovw(60);
        display:flex;
        justify-content: space-between;
        align-items:center;
        border-bottom:#f5f5f5 solid pxTovw(40);

        .total{
            width:auto;
            text-align:center;
            .number{
                color:#e7b82e;
                font-size:11.11vw;
            }
            .talent-title{
                color:$titleColor;
                font-size: 4.5vw;
                height:pxTovw(63);
            }
        }

        button{
            width: pxTovw(300);
            height: pxTovw(98);
            line-height: pxTovw(90);
            font-size: pxTovw(42);
            background-color:#35ac63;
            border-radius:5vw;
            color:#ffffff;
            box-shadow:0 0 7vw 0 #ddd;
        }

    }

    .condition_total{
        margin:0 auto;
        width: pxTovw(960);
        height: pxTovw(100);
        border-radius: pxTovw(15);
        background-color: #fff7e3;
        p{
            text-align: center;
            font-size: pxTovw(45);
            line-height: pxTovw(100);
            letter-spacing: pxTovw(3);
            color: #333;
            span{
                font-size: pxTovw(54);
                color: #e7b82e;
            }
        }
    }

    .scroll-content{
        .content-rel{
            .talent-title{
                margin:pxTovw(84) 0 pxTovw(84) pxTovw(60);
                border-left: 1vw #35ac63 solid;
                padding-left: 2vw;
                font-size: 5vw;
                height: 5vw;
                line-height: 1;
            }
        }
        .talent-type{
            width:94.44vw;
            height:18.06vw;
            margin-left:5.56vw;
            display:flex;
            align-items: center;
            &.first{
                margin-top:8vw;
            }
            .row-content{
                width:88vw;
                height:16.2vw;
                display:flex;
                align-items: center;
                justify-content:space-between;
                font-size:4.17vw;
                border-bottom:1px solid #e9e9e9;
                &>div{
                    display:flex;
                    align-items: center;
                    img{
                        width:pxTovw(50);
                        margin-right:2.5vw;
                    }
                    &:last-child{
                        div{
                            display: inline-block;
                            vertical-align: middle;
                            line-height: 18.06vw;
                            color:#35AC63;
                            &:last-child{
                                margin-left: pxTovw(30);
                            }
                        }
                        .arrow_r{
                            width: pxTovw(13);
                            height: pxTovw(22);
                            background: url("../assets/images/myTeam/icon_right.png") 0 0 no-repeat;
                            background-size: cover;
                        }
                    }
                }
                .bar{
                    width:60vw;
                    height:5vw;
                }
            }
        }
        .no_border{
            border:none !important;
        }

    }
}
